
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- 標題 -->
    <title>搬家</title>
    <!-- 關鍵詞 -->
    <meta name="keywords" content="" />
    <!-- 網站間介 -->
    <meta name="description" content="" />
    <!-- 自這應屏幕 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- IE兼容 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 最新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/bootstrap.css">
    <!-- 輪播圖 banner CSS 文件 -->
    <link rel="stylesheet" href="css/banner.css">
    <!-- 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/style.css" type="text/css">
    <!-- Favicon 圖標-->
    <link rel="shortcut icon" href="/favicon.png" type="text/icon">
    <!--[if lt IE 9]>
        <script src="js/html5.js"></script>
        <script type="text/javascript" src="js/respond.js"></script>
    <![endif]-->
    <!--[if lt IE 8]>
    <script> // 如果以下兩個配置都用默認值，可以刪除此 script 標簽
       // IEDIE_HINT = '<p>自定義的提示語</p>';
       // IEDIE_IE_LINK_IN_XP = true; // 是否在 XP 系統上顯示升級 IE 鏈接，如果網站支持 IE8，可以設為 true
    </script>
    <script src="http://wuyongzhiyong.b0.upaiyun.com/iedie/v1/script.min.js"></script>
    <![endif]-->
</head>
<body>
    <!-- header -->
    <div class="header">
        <div class="container">
            <a href="" class="zan">我的最愛</a>
            <a href="" class="tel">157-9340-7894</a>
        </div>
    </div>
    <!-- End header -->

    <!-- Start menu -->
    <div class="menu ">
       <div class="container">
            <div class="logo">
                <img src="images/logo.png" alt="">
            </div>
            <div id='cssmenu'> 
                <ul>
                    <li class="active "><a href='#'>回首頁</a></li>
                    <li class='has-sub'><a href='#'><i>|</i>關於516</a>
                        <ul>
                            <li>
                                <a href="" target="_blank">故事</a>
                            </li>
                            <li>
                                <a href="" target="_blank">理念</a>
                            </li>
                            <li>
                                <a href="" target="_blank">車隊</a>
                            </li>
                        </ul>
                    </li>

                    <li class='has-sub'><a href='#'><i>|</i>企業服務</a>
                        <ul>
                            <li>
                                <a href="" target="_blank">辦公室搬運</a>
                            </li>
                            <li>
                                <a href="" target="_blank">廠房拆遷</a>
                            </li>
                            <li>
                                <a href="" target="_blank">展場進出</a>
                            </li>
                        </ul>
                    </li>

                    <li class='has-sub'><a href='#'><i>|</i>家庭服務</a>
                        <ul>
                            <li>
                                <a href="" target="_blank">自助搬家</a>
                            </li>
                            <li>
                                <a href="" target="_blank">新居橋遷</a>
                            </li>
                            <li>
                                <a href="" target="_blank">家具配送</a>
                            </li>
                            <li>
                                <a href="" target="_blank">器具保管</a>
                            </li>
                        </ul>
                    </li>

                    <li class='has-sub'><a href='#'><i>|</i>其他服務</a>
                        <ul>
                            <li>
                                <a href="" target="_blank">免手動服務</a>
                            </li>
                            <li>
                                <a href="" target="_blank">居家清潔</a>
                            </li>
                            <li>
                                <a href="" target="_blank">辦公室拆裝</a>
                            </li>
                            <li>
                                <a href="" target="_blank">冷氣移機</a>
                            </li>
                            <li>
                                <a href="" target="_blank">廢棄物清運</a>
                            </li>
                        </ul>
                    </li>

                    <li class='has-sub'><a href=''><i>|</i>註意事項</a>
                        <ul>
                            <li>
                                <a href="" target="_blank">打包教學</a>
                            </li>
                            <li>
                                <a href="" target="_blank">良辰吉日</a>
                            </li>
                        </ul>
                    </li>

                    <li><a href='#'><i>|</i>成功案例</a></li>

                    <li class='has-sub'><a href=''><i>|</i>線上估價</a>
                        <ul>
                            <li>
                                <a href="" target="_blank">報價表</a>
                            </li>
                            <li>
                                <a href="" target="_blank">特殊標單</a>
                            </li>
                        </ul>
                    </li>

                    <li><a href=''><i>|</i>聯絡我們</a></li>

                </ul>
            </div>
       </div>   
    </div>
    <!-- End menu -->

    <!-- Start banner -->
    <div class="banner">
        <div id="owl-banner" class="owl-carousel">
            <div><img src="images/banner1.png" alt=""></div>
            <div><img src="images/banner1.png" alt=""></div>
            <div><img src="images/banner1.png" alt=""></div>
        </div>
    </div>
    <!-- End banner -->
    
    <!-- Start intr -->
    <div class="intr">
        <div class="container">
            <div class="b_tit">
                <h4>關於516</h4>
            </div>
            <div class="row intr-main">
                <div class="col-md-6">
                    <img src="images/about1.png" alt="">
                </div>
                <div class="col-md-6">
                    <div class="intr-list">
                        <p>ZXXXXXXXXXXXXXXXXXXXXXXXZXXXXXXXXXXXXXXXXXXXXXXXZXXXXXXXXXXXXXXXXXXXXXXXZXXXXXXXXXXXXXXXXXXXXXXXZXXXXXXXXXXXXXXXXXXXXXXXZXXXXXXXXXXXXXXXXXXXXXXXZXXXXXXXXXXXXXXXXXXXXXXXZXXXXXXXXXXXXXXXXXXXXXXXZXXXXXXXXXXXXXXXXXXXXXXXZXXXXXXXXXXXXXXXXXXXXXXXZXXXXXXXXXXXXXXXXXXXXXXXZXXXXXXXXXXXXXXXXXXXXXXXZXXXXXXXXXXXXXXXXXXXXXXXZXXXXXXXXXXXXXXXXXXXXXXXZXXXXXXXXXXXXXXXXXXXXXXXZXXXXXXXXXXXXXXXXXXXXXXXZXXXXXXXXXXXXXXXXXXXXXXX。</p>
                        <p>ZXXXXXXXXXXXXXXXXXXXXXXXZXXXXXXXXXXXXXXXXXXXXXXXZXXXXXXXXXXXXXXXXXXXXXXXZXXXXXXXXXXXXXXXXXXXXXXXZXXXXXXXXXXXXXXXXXXXXXXXZXXXXXXXXXXXXXXXXXXXXXXXZXXXXXXXXXXXXXXXXXXXXXXXZXXXXXXXXXXXXXXXXXXXXXXXZXXXXXXXXXXXXXXXXXXXXXXXZXXXXXXXXXXXXXXXXXXXXXXXZXXXXXXXXXXXXXXXXXXXXXXXZXXXXXXXXXXXXXXXXXXXXXXXZXXXXXXXXXXXXXXXXXXXXXXXZXXXXXXXXXXXXXXXXXXXXXXXZXXXXXXXXXXXXXXXXXXXXXXXZXXXXXXXXXXXXXXXXXXXXXXXZXXXXXXXXXXXXXXXXXXXXXXX。</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End intr -->
    
    <!--Start  case" -->
    <div class="case">
        <div class="container">
            <div class="b_tit">
                <h4>見證案例</h4>
            </div>
            <div class="row">
                <div class="col-md-3">
                    <div class="case-list">
                        <div class="case-hover">
                            <img src="images/blog-img-1.jpg" alt="">
                            <div class="case-mask">
                                <div class="case-intr">
                                    見證案例見證案例見證案例見證案例見證案例見證案例
                                    見證案例見證案例見證案例見證案例見證案例見證案例
                                </div>
                                <a href="">了解更多</a>
                            </div>
                        </div>
                        <div class="line"></div>
                        <a href="" class="sread">XXX公司</a>
                    </div>
                </div>

                <div class="col-md-3">
                    <div class="case-list">
                        <div class="case-hover">
                            <img src="images/blog-img-2.jpg" alt="">
                            <div class="case-mask">
                                <div class="case-intr">
                                    見證案例見證案例見證案例見證案例見證案例見證案例
                                    見證案例見證案例見證案例見證案例見證案例見證案例
                                </div>
                                <a href="">了解更多</a>
                            </div>
                        </div>
                        <div class="line"></div>
                        <a href="" class="sread">XXX公司</a>
                    </div>
                </div>

                <div class="col-md-3">
                    <div class="case-list">
                        <div class="case-hover">
                            <img src="images/blog-img-3.jpg" alt="">
                            <div class="case-mask">
                                <div class="case-intr">
                                    見證案例見證案例見證案例見證案例見證案例見證案例
                                    見證案例見證案例見證案例見證案例見證案例見證案例
                                </div>
                                <a href="">了解更多</a>
                            </div>
                        </div>
                        <div class="line"></div>
                        <a href="" class="sread">XXX公司</a>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="case-list">
                        <div class="case-hover">
                            <img src="images/blog-img-1.jpg" alt="">
                            <div class="case-mask">
                                <div class="case-intr">
                                    見證案例見證案例見證案例見證案例見證案例見證案例
                                    見證案例見證案例見證案例見證案例見證案例見證案例
                                </div>
                                <a href="">了解更多</a>
                            </div>
                        </div>
                        <div class="line"></div>
                        <a href="" class="sread">XXX公司</a>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <!--End  case" -->
    
    <!--Start  service -->
    <div class="service">
        <div class="container">
            <div class="b_tit">
                <h4>516 服務</h4>
            </div>
            <div class="row">
                <div class="col-md-4">
                    <div class="service-list">
                        <div class="service-hover">
                            <img src="images/intr2.png" alt="">
                            <div class="service-mask">
                                <div class="service-intr">
                                    企業服務企業服務企業服務企業服務企業服務企業服務
                                    企業服務企業服務企業服務企業服務企業服務企業服務
                                </div>
                                <a href="">了解更多</a>
                            </div>
                        </div>
                        <div class="line"></div>
                        <a href="" class="sread">企業服務</a>
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="service-list">
                        <div class="service-hover">
                            <img src="images/intr2.png" alt="">
                            <div class="service-mask">
                                <div class="service-intr">
                                    企業服務企業服務企業服務企業服務企業服務企業服務
                                    企業服務企業服務企業服務企業服務企業服務企業服務
                                </div>
                                <a href="">了解更多</a>
                            </div>
                        </div>
                        <div class="line"></div>
                        <a href="" class="sread">家庭服務</a>
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="service-list">
                        <div class="service-hover">
                            <img src="images/intr2.png" alt="">
                            <div class="service-mask">
                                <div class="service-intr">
                                    企業服務企業服務企業服務企業服務企業服務企業服務
                                    企業服務企業服務企業服務企業服務企業服務企業服務
                                </div>
                                <a href="">了解更多</a>
                            </div>
                        </div>
                        <div class="line"></div>
                        <a href="" class="sread">其他服務</a>
                    </div>
                </div>
            </div>
        </div>             
    </div>
    <!--End  service -->
    
    <!-- Start footer -->
    <div class="footer">
        <div class="container">
            <div class="row">
                <div class="col-md-3 col-sm-6 col-xs-6">
                    <img src="images/logo-small.png" alt="">
                    <ul class="copy-right">
                        <li style="margin-bottom: 0">
                            <p>400-711-1767</p>
                        </li>
                        <li>
                            <p>158-7257-1768</p>
                            
                        </li>
                        
                    </ul>
                </div>
                <div class="col-md-3 col-sm-6 col-xs-6">
                    <h5>關於516</h5>
                    <ul>
                        <li><a href="">故事</a></li>
                        <li><a href="">理念</a></li>
                        <li><a href="">車隊</a></li>
                        <li><a href="">打包教學</a></li>
                        <li><a href="">良辰吉日</a></li>
                        <li><a href="">成功案例</a></li>
                        <li><a href="">報價表</a></li>
                        <li><a href="">特殊標單</a></li>
                        <li><a href="">聯酪我們</a></li>
                    </ul>
                </div>
                <div class="col-md-3 col-sm-6 col-xs-6">
                    <h5>516服務</h5>
                    <ul>
                        <li>
                            <a href="" target="_blank">自助搬家</a>
                        </li>
                        <li>
                            <a href="" target="_blank">新居橋遷</a>
                        </li>
                        <li>
                            <a href="" target="_blank">家具配送</a>
                        </li>
                        <li>
                            <a href="" target="_blank">器具保管</a>
                        </li>
                        <li>
                            <a href="" target="_blank">自助搬家</a>
                        </li>
                        <li>
                            <a href="" target="_blank">新居橋遷</a>
                        </li>
                        <li>
                            <a href="" target="_blank">家具配送</a>
                        </li>
                        <li>
                            <a href="" target="_blank">器具保管</a>
                        </li>
                        <li>
                            <a href="" target="_blank">免手動服務</a>
                        </li>
                        <li>
                            <a href="" target="_blank">居家清潔</a>
                        </li>
                        <li>
                            <a href="" target="_blank">辦公室拆裝</a>
                        </li>
                        <li>
                            <a href="" target="_blank">冷氣移機</a>
                        </li>
                        <li>
                            <a href="" target="_blank">廢棄物清運</a>
                        </li>
                    </ul>
                </div>
                <div class="col-md-3 col-sm-6 col-xs-6">
                    <h5>線上客服</h5>
                    <ul>
                        <li><a href="">LINE@</a></li>
                        <li><a href="">SKYPE</a></li>
                        <li><a href=""> FB</a></li>
                    </ul>
                </div>
                
            </div>
        </div>
    </div>
    <!-- End footer -->


   
    <div class="actGotop"><a href="#" title="Top"><img src="images/back.png" alt=""></a></div>
    <!-- jQuery文件 -->
    <script src="js/jquery.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="js/bootstrap.min.js"></script>
    <script src="js/nav.js"></script>
    <!-- 輪播圖banner 文件 -->
    <script src="js/banner.js"></script>
    <script type="text/javascript">
       jQuery(function($) {
           $("#owl-banner").owlCarousel({
                singleItem: true,
                paginationNumbers: false,
                autoPlay: 4000,
                navigation: true,
                navigationText: ["",""],
           });
        });
    </script>
<script>
$(function(){ 
    $(window).scroll(function() {   
        if($(window).scrollTop() >= 50){
            $('.actGotop').fadeIn(300); 
        }else{    
            $('.actGotop').fadeOut(300);    
        }  
    });
    $('.actGotop').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);}); 
});
</script>

</body>
</html>